<!--
 * @Author: fanyaqing
 * @Date: 2021-08-05 10:15:43
 * @LastEditTime: 2021-08-05 10:34:10
 * @LastEditors: fanyaqing
 * @Description: 头部导航
 * @FilePath: \supermall\src\components\common\navbar\NavBar.vue
-->
<template>
  <div class="nav-bar">
    <div class="left"><slot name="left"></slot></div>
    <div class="center"><slot name="center"></slot></div>
    <div class="right"><slot name="right"></slot></div>

  </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
  .nav-bar{
    display: flex;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .left,.right{
    width: 60px;
  }
  .center{
    flex: 1;
  }
</style>
